$light_gray: #808695;

.wrapper {
  position: relative;
  width: 100%;
  background-color: #f5f7f9;
  .page-account {
    display: flex;
    height: 100vh;
    flex-direction: column;
    overflow: auto;
    background: url('~@/assets/images/login-background.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;

    .page-account-container {
      flex: 1;
      padding: 32px 0;
      text-align: center;
      width: 384px;
      margin: 0 auto;

      .page-account-top {
        padding: 28px 0;

        .page-account-top-logo img {
          margin: 0 15px 10px 0;
          height: 50px;
        }
        .page-account-top-desc {
          font-size: 14px;
          color: $light_gray;
          letter-spacing: 0.1px;
        }
      }
    }
  }
  // 自动登录
  .remember-btn {
    display: block;
    text-align: left;
    margin: 0 0 22px 0;
  }

  // 提交按钮
  .submit-btn {
    width: 100%;
  }

  // 第三方登录
  .third-login {
    display: flex;
    align-items: center;
    text-align: left !important;
    span {
      font-size: 14px;
      color: $light_gray;
    }

    .third-login-icon {
      opacity: 0.7;
      cursor: pointer;
      font-size: 24px;
      margin: 0 0 0 14px;
      transition: opacity 0.5s;

      &:hover {
        opacity: 1;
      }
    }
  }
}

.copyright {
  position: absolute;
  width: 100%;
  bottom: 2%;
  font-size: 14px;
  text-align: center;
  line-height: 3;
  color: rgba(0, 0, 0, 0.35);
}
